<script lang="ts" setup>
import { defineProps } from 'vue'

const { songDuration } = defineProps({
    songDuration: Number
})

</script>


<template>
    <p>
        <span>
            {{
                parseInt(((songDuration as number) % (1000 * 60 * 60)) / (1000 * 60) as any) <= 9
                ? '0' + parseInt(((songDuration as number) % (1000 * 60 * 60)) / (1000 * 60) as any)
                :parseInt(((songDuration as number) % (1000 * 60 * 60)) / (1000 * 60) as any)
            }}
        </span>
        :
        <span>
            {{
                Math.floor(((songDuration as number) % (1000 * 60)) / 1000) <= 9
                ? '0' + Math.floor(((songDuration as number) % (1000 * 60)) / 1000)
                : Math.floor(((songDuration as number) % (1000 * 60)) / 1000)
            }}
        </span>
    </p>
</template>


<style lang="scss" scoped>
    p {
        color: $font_second_color;
        font-size: $font-size-xs;
        font-family: $textFont;
    }
    
</style>